<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>

<sx:head extraLocales="en-us,nl-nl,de-de" />

<s:form action="createCampaign.htm" method="post" theme="simple">
	<table width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<td>
			<div class="blue-text16" style="margin: 0px 0px 0px 0px">
				Banner advertisemnet - Add new Campaign
			</div>
			<div class="header-separator-bg" style="margin: 10px 5px 17px 0px"></div>
			<div style="margin: 0px 0px 12px 0px">
				<table border="0" cellspacing="2" cellpadding="2">
					<!-- <tr>
						<td align="right" nowrap class="common-bold-text">
							account :
						</td>

						<td nowrap>
							<s:select name="bannerCampaigns.bannerAccount.id"
								value="%{bannerCampaigns.bannerAccount.id}" theme="simple"
								list="bannerAccountList" listKey="id" listValue="accountId"
								cssClass="textfield" />
						</td>
					</tr>  -->
					<tr>
						<td align="right" nowrap class="common-bold-text">
							campaign name:
						</td>
						<td nowrap>
							<s:textfield theme="simple" cssClass="textfield"
								name="bannerCampaigns.campaign"
								value="%{bannerCampaigns.campaign}" size="20" />
						</td>
					</tr>
					<tr>
						<td align="right" nowrap class="common-bold-text">
							Upload banner image:
						</td>
						<td nowrap>
							<div style="margin: 0px 0px 7px 2px" id="divinputfile">
									<s:file name="bannerImage" id="upload"
										onchange="document.getElementById('fakefilepc').value = this.value; "
										 theme="simple" cssClass="filepc" />
									<div id="fakeinputfile">
										<input name="fakefilepc" type="text" id="fakefilepc" />
									</div>
								</div>
						</td>
					</tr>
					<tr>
						<td align="right" class="common-bold-text">
							size:
						</td>
						<td class="common-bold-text">
							width:
							<s:textfield theme="simple" cssClass="textfield"
								name="bannerCampaigns.width" value="50" size="10" disabled="true" />
							&nbsp;&nbsp;&nbsp;&nbsp; height:
							<s:textfield theme="simple" cssClass="textfield"
								name="bannerCampaigns.height" value="50" size="10" disabled="true" />
						</td>
					</tr>
					<tr>
						<td align="right" valign="top" nowrap class="common-bold-text">
							campaign type:
						</td>

						<td nowrap>

							<table border="0" cellspacing="0" cellpadding="9">
								<tr>
									<td nowrap>
										<s:radio theme="simple" list="#{'clicks':'Per click'}"
											cssClass="textfield" value="%{bannerCampaigns.type}"
											name="bannerCampaigns.type" />
									</td>
									<td class="common-bold-text">
										<s:textfield theme="simple" cssClass="textfield"
											name="bannerCampaigns.maxClicks"
											value="%{bannerCampaigns.maxClicks}" size="20" />
										Insert number of clicks
									</td>
								</tr>
								<tr>
									<td nowrap>
										<s:radio theme="simple" list="#{'clicks':'Per view'}"
											cssClass="textfield" value="%{bannerCampaigns.type}"
											name="bannerCampaigns.type" />
									</td>
									<td class="common-bold-text">
										<s:textfield theme="simple" cssClass="textfield"
											name="bannerCampaigns.maxClicks"
											value="%{bannerCampaigns.maxClicks}" size="20" />
										Insert number of views
									</td>
								</tr>
							<!-- <tr>

									<td nowrap>
										<s:radio theme="simple" cssClass="textfield"
											list="#{'1':'number of impressions'}"
											value="%{bannerCampaigns.type}" name="bannerCampaigns.type" />
									</td>
									<td class="common-bold-text">
										<s:textfield theme="simple" cssClass="textfield"
											name="bannerCampaigns.maxImpressions"
											value="%{bannerCampaigns.maxImpressions}" size="20" />
										impressions allowed
									</td>
								</tr> -->
								<tr>
									<td valign="top" nowrap>
										<s:radio theme="simple"
											list="#{'time period':'Per days'}" cssClass="textfield"
											value="%{bannerCampaigns.type}" name="bannerCampaigns.type" />
									</td>
									<td class="common-bold-text">
										<s:textfield theme="simple" cssClass="textfield"
											name="bannerCampaigns.maxClicks"
											value="%{bannerCampaigns.maxClicks}" size="20" />
										Insert number of days
									</td>
								</tr>
							</table>
						</td>

					</tr>
					<tr>
						<td class="common-bold-text" width="15%" align="right" valign="top">
							<b>Banner type:</b></td>
						<td valign="top" class="error-text">
							<SELECT>
								<option>Select banner Type</option>
								<option>Side Menu</option>
								<option>Icom</option>
								<option>Center Top</option>
							</SELECT>
						</td>
					</tr>
					<tr>
						<td class="common-bold-text" width="15%" align="right" valign="top"> Type info:</td>
						<td valign="top" class="error-text"><div id="info"><i>Select Banner Type</i></div></td>
					</tr>
					<tr>
						<td class="common-bold-text" width="15%" align="right" valign="top">
							<b>Insert start date:</b></td>
						<td valign="top" class="error-text">
							<sx:datetimepicker name="bannerCampaigns.startDate"
								cssClass="textfield" />
						</td>
					</tr>
					<tr>
						<td class="common-bold-text" width="15%" align="right" valign="top">
							<b>Category:</b></td>
						<td valign="top" class="error-text">No category selected</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
                    	<td>
                    		<table border="0" cellspacing="0" cellpadding="0">
			                  	<tr>
			                    	<td><img src="images/middle/btn-grey-left1.gif" alt=" " width="6" height="23" /></td>
			                      	<td class="btn-grey-middle1 "><input type="button" disabled="disabled" name="Select Category" value="Select Category" class="submit-btn-common" /></td>
			                      <td><img src="images/middle/btn-grey-right1.gif" alt=" " width="6" height="23" /></td>
			                    </tr>
		                  </table>
                    	</td>
                    </tr>
				<!-- <tr>

						<td align="right" class="common-bold-text">
							target:
						</td>
						<td>
							<s:select theme="simple" name="bannerCampaigns.targetTag"
								value="%{bannerCampaigns.targetTag}" cssClass="textfield"
								list="#{'':'page default', '_self':'same frame', '_top':'whole page', '_blank':'new window', '_parent':'parent frame', 'new':'reuse new window'}" />
						</td>
					</tr> -->

					<tr>
						<td align="right" class="common-bold-text">
							redirect url:
						</td>
						<td>
							<s:textfield theme="simple" cssClass="textfield"
								name="bannerCampaigns.redirectUrl"
								value="%{bannerCampaigns.redirectUrl}" size="60" />
						</td>
					</tr>
					<tr>
						<td align="right" class="common-bold-text">
							under text:
						</td>
						<td>
							<s:textfield theme="simple" cssClass="textfield"
								name="bannerCampaigns.underText"
								value="%{bannerCampaigns.underText}" size="60" />
						</td>
					</tr>

					<tr>
						<td align="right" class="common-bold-text">
							alt text:
						</td>
						<td>
							<s:textfield theme="simple" cssClass="textfield"
								name="bannerCampaigns.altText"
								value="%{bannerCampaigns.altText}" size="60" />
						</td>
					</tr>
				<!-- 	<tr>
						<td align="right" class="common-bold-text">
							banner url:
						</td>
						<td>
							<s:textfield theme="simple" cssClass="textfield"
								name="bannerCampaigns.bannerUrl"
								value="%{bannerCampaigns.bannerUrl}" size="60" />


						</td>
					</tr> -->
					<tr>
						<td align="right" valign="top" nowrap class="common-bold-text">
							Note:
						</td>
						<td class="verdana12darkgreybold">
							<s:textarea theme="simple" rows="7" cssClass="textfield"
								name="bannerCampaigns.textBanner" cols="50"
								value="%{bannerCampaigns.textBanner}" />
							<br>
						</td>
					</tr>
					<tr><td colspan="2">&nbsp;</td></tr>
					<tr>
						<td align="right" class="common-text">

						</td>
						<td align="left" class="common-text">
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td class="btn-grey-left1"></td>
									<td class="btn-grey-middle1 ">
										<input type="submit" value="Submit" class="submit-btn-common" disabled="disabled">
									</td>
									<td class="btn-grey-right1"></td>
									<td class="btn-grey-left1"></td>
									<td class="btn-grey-middle1 ">
										<input type="button" value="Reset" class="submit-btn-common">
									</td>
									<td class="btn-grey-right1"></td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
			</td>
		</tr>
	</table>
</s:form>